﻿<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" />
<meta name="apple-mobile-web-app-capable" content="yes" />	

<style type="text/css"> 

body{
-webkit-text-size-adjust:none}

.contentText{
	color:#000000;
	font-weight:normal;
	font-size:14px;
}

input[type="checkbox"] {
    background-color: #ddd;
    border-radius: 25px;
    box-shadow: inset 0 1px 1px hsla(0,0%,100%,.8),
                0 0 0 1px hsla(0,0%,0%,.6),
                0 1px 1px hsla(0,0%,0%,.6),
                0 1px 1px hsla(0,0%,0%,.4),
                0 1px 1px hsla(0,0%,0%,.2),
                0 1px 1px hsla(0,0%,0%,.2);
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    width: 20px;
    -webkit-appearance: none;
    valign: top;    
}
input[type="checkbox"]:after {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.4),
                0 1px 1px hsla(0,0%,100%,.8);
    content: '';
    display: block;
    height: 16px;
    left: 2px;
    position: relative;
    top: 2px;
    width: 16px;
}
input[type="checkbox"]:checked:after {
    background-color: #0f0;
    box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.4),
                inset 0 2px 2px hsla(0,0%,100%,.4),
                0 1px 1px hsla(0,0%,100%,.8),
                0 0 2px 2px hsla(0,70%,70%,.4);
}
	
</style>

</head>
<body>
<form name="form" method="post">
<input type="hidden" name="hiddenWorkGubun" value="open"/>
<input type="hidden" name="hiddenSelectedItem"/>
<input type="hidden" name="hiddenApplyRate"/>
<input type="hidden" name="hiddenVoteYn"/>
	
<div data-role="page" add-back-btn="true" data-add-back-btn="true">
	<div data-role="header" data-theme="b">
		<h1>최대 2개까지 선택 가능</h1>
	</div>
	<div data-role="content">

<!--항목1-->
		<table width="100%" height="50px" border="0">    
			<tr>    
				<td width="10px">    
					<img src="./images/header.png">
				</td>    
				<td style="color:#000000;font-weight:normal;font-size:14px;">    
					①하이패스 미납통행료! 「빅데이터를 만나다」
				</td>    
				<td width="50px">    
					<input type="checkbox" name="checkElement1" id="checkElement1"/>
				</td>    
			</tr>    
		</table>   
		<table width="100%" height="1px" border="0" padding="0" spacing="0">    
			<tr style="height:1px;">    
				<td>    	
					<img src="./images/divide.png" style="width:100%">        
				</td>    	
			</tr>    
		</table> 
		
<!--항목2-->
		<table width="100%" height="50px" border="0">    
			<tr>    
				<td width="10px">
					<img src="./images/header.png">
				</td>    
				<td style="color:#000000;font-weight:normal;font-size:14px;">    
					②도로의 주름을 펴다. 포장 리모델링으로 안전하고 쾌적하게!!
				</td>
				<td width="50px">
					<input type="checkbox" name="checkElement2" id="checkElement2"/>
				</td>
			</tr>    
		</table>   
		<table width="100%" height="1px" border="0" padding="0" spacing="0">    
			<tr style="height:1px;">    
				<td>    	
					<img src="./images/divide.png" style="width:100%">
				</td>    	
			</tr>    
		</table> 	
		
<!--항목3-->
		<table width="100%" height="50px" border="0">    
			<tr>    
				<td width="10px">
					<img src="./images/header.png">
				</td>    
				<td style="color:#000000;font-weight:normal;font-size:14px;">    
					③500년 느티나무 할아버지에게 길을 묻다
				</td>
				<td width="50px">
					<input type="checkbox" name="checkElement3" id="checkElement3"/>
				</td>
			</tr>    
		</table>   
		<table width="100%" height="1px" border="0" padding="0" spacing="0">    
			<tr style="height:1px;">    
				<td>    	
					<img src="./images/divide.png" style="width:100%">
				</td>    	
			</tr>    
		</table> 	
		
<!--항목4-->
		<table width="100%" height="50px" border="0">    
			<tr>    
				<td width="10px">
					<img src="./images/header.png">
				</td>    
				<td style="color:#000000;font-weight:normal;font-size:14px;">    
					④교통데이터 하루 2억건!! 과감한 개방과 활용이 답이다
				</td>
				<td width="50px">
					<input type="checkbox" name="checkElement4" id="checkElement4"/>
				</td>
			</tr>    
		</table>   
		<table width="100%" height="1px" border="0" padding="0" spacing="0">    
			<tr style="height:1px;">    
				<td>    	
					<img src="./images/divide.png" style="width:100%">
				</td>    	
			</tr>    
		</table> 	
		
<!--항목5-->
		<table width="100%" height="50px" border="0">    
			<tr>    
				<td width="10px">
					<img src="./images/header.png">
				</td>    
				<td style="color:#000000;font-weight:normal;font-size:14px;">    
					⑤회색고속도로의 변신! 청정 녹색에너지 생산
				</td>
				<td width="50px">
					<input type="checkbox" name="checkElement5" id="checkElement5"/>
				</td>
			</tr>    
		</table>   
		<table width="100%" height="1px" border="0" padding="0" spacing="0">    
			<tr style="height:1px;">    
				<td>    	
					<img src="./images/divide.png" style="width:100%">
				</td>    	
			</tr>    
		</table> 				
		
<!--항목6-->
		<table width="100%" height="50px" border="0">    
			<tr>    
				<td width="10px">
					<img src="./images/header.png">
				</td>    
				<td style="color:#000000;font-weight:normal;font-size:14px;">    
					⑥자연에 순응하는 통풍형 신개념 표지판
				</td>
				<td width="50px">
					<input type="checkbox" name="checkElement6" id="checkElement6"/>
				</td>
			</tr>    
		</table>   
		<table width="100%" height="1px" border="0" padding="0" spacing="0">    
			<tr style="height:1px;">    
				<td>    	
					<img src="./images/divide.png" style="width:100%">
				</td>    	
			</tr>    
		</table> 	
		
<!--항목7-->
		<table width="100%" height="50px" border="0">    
			<tr>    
				<td width="10px">
					<img src="./images/header.png">
				</td>    
				<td style="color:#000000;font-weight:normal;font-size:14px;">    
					⑦도로와 IT의 만남, The Creative New Value
				</td>
				<td width="50px">
					<input type="checkbox" name="checkElement7" id="checkElement7"/>
				</td>
			</tr>    
		</table>   
		<table width="100%" height="1px" border="0" padding="0" spacing="0">    
			<tr style="height:1px;">    
				<td>    	
					<img src="./images/divide.png" style="width:100%">
				</td>    	
			</tr>    
		</table> 								
			
<!--항목8-->
		<table width="100%" height="50px" border="0">    
			<tr>    
				<td width="10px">
					<img src="./images/header.png">
				</td>    
				<td style="color:#000000;font-weight:normal;font-size:14px;">    
					⑧교통사고 사망자 감소! 우연을 필연으로 바꾼 도공형 맞춤대책
				</td>
				<td width="50px">
					<input type="checkbox" name="checkElement8" id="checkElement8"/>
				</td>
			</tr>    
		</table>   
		<table width="100%" height="1px" border="0" padding="0" spacing="0">    
			<tr style="height:1px;">    
				<td>    	
					<img src="./images/divide.png" style="width:100%">
				</td>    	
			</tr>    
		</table> 


	</div>
	<div data-role="footer" data-theme="d" style="height:47px;">
		<div id="content1" style="text-align:center">
			<table width="100%" height="45px" border="0" padding="0" spacing="0">    
				<tr>    
					<td style="text-align:center;">    	
						<input type="button" value="투 표" onClick="doVote();" data-inline="true" data-theme="b">
						<input type="button" value="닫 기" onClick="closeDialog();" data-inline="true">
					</td>    	
				</tr>    
			</table> 		
		</div>
	</div>
</div>
</form>
</body>
</html>